<div class="policy-matrix">
  <div class="home-header">
    <app-head></app-head>
    <div class="top-tab">
      <div class="top-tab2">
        <div class="tab" [ngClass]="tab.active?'tab-active':''" *ngFor="let tab of tabList;index as i"
           routerLink="{{tab.router}}">{{tab.name}}</div>
      </div>
    </div>
  </div>

  <!--<div class="chart-title">
    <h2>政策分析矩阵</h2>
  </div>-->

  <div class="matrix-tab">
    <nz-tabset nzSize="large" [(nzSelectedIndex)]="tab_menu2_selected" (nzSelectChange)="fourFrameChange($event)">
        <nz-tab [nzTitle]="tab" *ngFor="let tab of tab_menu2; let i = index" ></nz-tab>
        <!--<nz-tab [nzTitle]="tab" *ngFor="let tab of tab_menu2; let i = index"   [nzDisabled]='i>6'></nz-tab>-->
    </nz-tabset>
  </div>

  <div class="matrix-content">

    <div class="content-left">

        <div class="tree">
            <div class="paragraph_menu" *ngFor="let item of treeNodes2; let i = index">
                <a href="/policy-analysis-matrix#paragraph_{{item.indexNum}}" (click)="showViewall()">{{item.content}}</a>
                <div class="paragraph_menu_sub">
                    <a *ngFor="let item2 of item.child; let i = index2" href="/policy-analysis-matrix#paragraph_{{item2.indexNum}}" (click)="showViewall()">{{item2.content}}</a>
                </div>
            </div>

            <div class="btn_tochart">
                <a href="/policy-analysis-matrix#topicChart"><img src="../../assets/image/analysis-matrix/tochart.png"></a>
            </div>
        </div>

        <div class="content-right2">
            <div class="related-policy">
              <div class="related-title">
                <span class="title-left">相关政策</span>
                <span class="title-right" routerLink="/related-policy-list"
                      [queryParams]="{policyId: relatedPolicyMoreId}">更多>></span>
              </div>
              <div class="content-list" *ngFor="let policy of relatedPolicyList; let i = index" routerLink="/new-policy-detail"
                   [queryParams]="{id: policy.id,type:'相关政策'}"  [title]="policy.title">
                <span class="circle"></span>
                <!--<span>{{i+1<10?'0'+(i+1):i+1}}</span>-->
                {{policy.title}}
              </div>
            </div>
        </div>

    </div>




    <div class="content-right" [ngClass]="isViewall?'viewall':''"  *ngIf="tab_menu2_selected>-1" >

        <div class="city-advise">
            <div class="city-advise-title">{{articleData2['title']}}</div>

            <div class="city-advise-item" *ngFor="let item of articleData2['policyTopicParagraphsList']; let i = index">
              <a name="paragraph_{{item.indexNum}}"></a>
              <div class="status-point2" [ngClass]="!!item['style']?'paragraph_menu_'+item['style']:''" id="paragraph_{{item.indexNum}}" [innerHTML]="item.content">{{item.content}}</div>
            </div>
        </div>

        <nz-spin [nzSpinning]="isSpinning" *ngIf="!isSpinning" style="display:none;">
        </nz-spin>

        <div class="btn_viewall" (click)="showViewall()">查看更多</div>
    </div>


  </div>

  <div class="matrix-content content-bottom">
      <a name="topicChart"></a>
      <div>
          <div>{{articleData2['policyTopicCharts']?.name}}</div>
          <div>
            <table [ngClass]="'table_colnum_' + table_display_colunum">
                <ng-container *ngFor="let tableTr of articleData2['arr']; let i = index">
                    <tr *ngIf="i>1">
                        <ng-container *ngFor="let tableTd of articleData2['arr'][0]; let i2 = index">
                            <td [innerHTML]="tableTd['content']|safeHtml" *ngIf="!table_notshow_rowHash[ i2 ]"></td>
                        </ng-container>
                    </tr>
                    <tr>
                        <ng-container *ngFor="let tableTd of tableTr; let i2 = index">
                            <td [innerHTML]="tableTd['content']|safeHtml" *ngIf="!table_notshow_rowHash[ i2 ]"></td>
                        </ng-container>
                    </tr>
                </ng-container>
            </table>
          </div>

      </div>
  </div>



</div>
<div class="h-foot">
  <div class="text">
    <div class="address">上海推进科技创新中心建设办公室 版权所有</div>
    <div class="address2">地址：上海市浦东新区张东路1158号3号楼 &nbsp;&nbsp;&nbsp;&nbsp; 联系电话 : 021-68796635</div>
    <div class="phone">技术支持 : 中国科学院文献情报中心</div>
    <a class="nav" href="/admin/" target="_blank">后台入口</a>
  </div>
</div>
